<link rel="stylesheet" href="jspreadsheet.css" type="text/css"/>
<link rel="stylesheet" href="jsuites.css" type="text/css"/>
<div id="spreadsheet"></div>
<script src="jsuites.js"></script>
<script src="spreadsheet.js"></script>
<script>
    jspreadsheet(document.getElementById('spreadsheet'), {
        minDimensions: [11, 11],
        language: 'en',
        defaultColWidth: 100,
        data: [
            ['Crayons Crayola only (No Rose Art)', 2, 5.01, 0.01, '=B1*C1*(1-D1)'],
            ['Colored Pencils Crayola only', 2, 4.41, 0.02, '=B2*C2*(1-D2)'],
            ['Expo Dry-erase Markers Wide', 4, 3.00, 0.1, '=B3*C3*(1-D3)'],
            ['Index Cards Unlined', 3, 6.00, 0.03, '=B4*C4*(1-D4)'],
            ['Tissues', 10, 1.90, 0.01, '=B5*C5*(1-D5)'],
            ['Ziploc Sandwich-size Bags', 5, 1.00, 0.01, '=B6*C6*(1-D6)'],
            ['Thin Markers Crayola only', 2, 3.00, 0.02, '=B7*C7*(1-D7)'],
            ['Highlighter', 4, 1.20, 0.01, '=B8*C8*(1-D8)'],
            ['Total', '=SUM(B1:B8)', '=ROUND(SUM(C1:C8), 2)', '', '=SUM(E1:E8)'],
        ]
    });
</script>
